<!DOCTYPE html>
<html lang="en" ng-app = "deApp">
    <head>
        <meta charset="utf-8">
        <title>详情</title>
        <meta name = "viewport" content = "width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <link rel="stylesheet" type="text/css" href="../../css/detail/detail.css">
        <link rel="stylesheet" href="../../css/detail/swiper.min.css">
    <head>
   
    <body ng-controller="detailCon" ui-view>
    <!-- <div ui-view>
            
    </div> -->
        <div class="main">
            <header class="header">
                <div class="left">
                    <a href="" class="back" ng-click="jumpBack()">
                        <i></i>
                    </a>
                </div>
                <div class="cent">
                    <a>白土坝 火车站 鑫海苑“6+1”，精装修，家具齐全</a>
                </div>
                <div class="show-popup head-icon">
                    <a class="icon-nav" ui-sref="navag">
                        <i></i>
                    </a>
                </div>
            </header>
            <div class="public-breadcrumb-box">
                <div class="public-breadcrumb">
                    <div class="public-breadcrumb-inner clearfix">
                        <a href="http://m.nfxx.cn/ershou/" class="breadcrumb-item">二手房</a>
                        <span class="breadcrumb-split"></span>
                        <a href="" class="breadcrumb-item last-breadcrumb-item">白土坝 火车站 鑫海苑“6+1”，精装修，家具齐全</a>
                    </div>
                </div>
            </div>
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"></div>
                    <div class="swiper-slide"></div>
                </div>
                <!-- Add Pagination -->
                <!-- <div class="swiper-pagination"></div> -->
            </div>

            <!-- 详细介绍 -->
            <section class="huxing-description">
                <div class="loupan-description-header">
                    <h2 class="huxing-description-name">白土坝 火车站 鑫海苑“6+1”，精装修，家具齐全</h2>
                    <div class="huxing-description-icons">
                        <a href="" class="icon-fav collection"></a>
                        <a href="" class="icon-share"></a>
                    </div>
                </div>
                <div class="huxing-description-module">
                    <ul class="huxing-description-info">
                        <li class="info-item">
                            <span class="info-key">总&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价:</span>
                            <a href="" class="loupan-description-calculator"><span class="loupan-description-calculator-icon"></span>房贷计算器</a>
                            <span class="info-value baseColor">约56万元/套</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价:</span>
                            
                            <span class="info-value baseColor">3333元/㎡</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">面&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;积:</span> 
                            <span class="info-value">168㎡</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">联系电话:</span> 
                            <span class="info-value baseColor"><a>
                            <span class="baseColor">18990896593（李先生）</span>
                            </a></span>
                        </li>
                    </ul>
                </div>
                <div class="class="huxing-description-module"">
                    <ul class="huxing-description-info">
                        <li class="info-item">
                            <span class="info-key">房屋户型：</span>
                            <span class="info-value">四室两厅两卫一厨&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">物业类型：</span>
                            <span class="info-value">住宅&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">区&nbsp;&nbsp;&nbsp;域：</span>
                            <span class="info-value">顺庆区&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">楼&nbsp;&nbsp;&nbsp;层：</span>
                            <span class="info-value">5层+6层&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">装修情况：</span>
                            <span class="info-value">精装修&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">&nbsp;&nbsp;&nbsp;房龄：</span>
                            <span class="info-value">5-10年&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">产权性质：</span>
                            <span class="info-value">个人产权&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">房屋朝向：</span>
                            <span class="info-value">南北&nbsp;</span>
                        </li>
                        <li class="info-item">
                            <span class="info-key">地址：</span>
                            <span class="info-value">白土坝路西河派出所附近&nbsp;</span>
                        </li>
                    </ul>
                </div>
            </section>

            <section class="public-module">
                <div class="public-module-title">
                    <p class="icon">地理位置</p>
                </div>
                <a href="#" class="esf-map-image">
                    <img src="http://api.map.baidu.com/staticimage?width=480&height=180&zoom=13&markers=106.085738,30.811633&markerStyles=m,Y">
                </a>
            </section>
            <a href="" class="public-module-more">
                <span>更多详细信息</span>
            </a>
            <!-- <footer class="footer">
                <div class="ver flexbox">
                    <a href="#" class="sfutHref">
                        <span>首页</span>
                    </a>
                    <a href="#">
                        <span>会员中心</span>
                    </a>
                </div>
                <p>© m.nfxx.cn</p>
            </footer> -->
        </div>
        
    </body>
    <script type="text/javascript" src="../../js/angular.min.js"></script>
    <script type="text/javascript" src="../../js/angular-ui-router.js"></script>
    <script type="text/javascript" src="../../js/detail/detail.js"></script>
    <script type="text/javascript" src="../../js/detail/dearouter.js"></script>
    <script type="text/javascript" src="../../js/detail/detailCon.js"></script>
    <!-- 轮播图js -->
    <script src="../../js/detail/swiper.min.js"></script>
    <script type="text/javascript">
        //轮播图
        var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                paginationClickable: true
            });
    </script>
</html>
